*{
	margin: 0;
	padding : 0;
}
body{
	background: #fff;
	font-family : 微软雅黑;
}
.carousel{
	width: 100%;
}
.carousel>.container{
	width: 100%;
	position : relative;
}
.carousel>.container>.inner{
	position: relative;
	width: 1200px;
	margin: 0 auto;
	text-align:center;
}
.carousel>.container>.inner>.content{
	text-align : center;
}
.carousel>.container>.inner>.content>.left{
	width : 600px;
	height : 600px;
	float: left;
}
.carousel>.container>.inner>.content>.left>.top{
	width : 600px;
	height:50px;
	float:left;
}
.carousel>.container>.inner>.content>.left>.middle{
	margin-top:100px;
	text-align:left;
	color:#fff;
}
.carousel>.container>.inner>.content>.left>.one>.roll{
	background : #ef8b2d;
	width : 50px;
	height:50px;
	border-radius:50%;
	float:left;
}
.carousel>.container>.inner>.content>.left>.triangle1{
	width: 0;
    height: 0;
    border-left: 100px solid transparent;
    border-right: 100px solid transparent;
    border-bottom: 250px solid #fff;	
    z-index : 4;
    float : left;
}
.carousel>.container>.inner>.content>.left>.top>.position{
	width : 290px;
	height:50px;
	float:left;
}
.carousel>.container>.inner>.content>.left>.triangle2{
	width: 0;
    height: 0;
    border-left: 150px solid transparent;
    border-right: 150px solid transparent;
    border-bottom: 400px solid yellow;
    float : left;	
    z-index : 8;
    margin-top : -150px;
    margin-left : -100px;
}
.carousel>.container>.inner>.content>.left>.triangle3{
	width: 0;
    height: 0;
    border-left: 100px solid transparent;
    border-right: 100px solid transparent;
    border-bottom: 250px solid #fff;
    float : left;	
    z-index : 9;
    margin-left : -150px;
}
.carousel>.container>.photo{
	height: 4800px;
	position: relative;
}
.carousel>.container>.photo>li{
	display: block;
}
.carousel>.container>.photo>li>img{
	display: block;
	width: 1000px;
	height: 600px;
}
.carousel{
	position: relative;
	padding: 0;
}
.carousel>.buttons{
	position: fixed;
	right: 3%;
	top: 100px;
}
.carousel>.buttons>ul>li{
	width: 20px;
    height: 20px;
    border-radius: 20px;
    background: #000;
    margin: 20px 0;
    border: 3px solid pink;
    display: block;
    cursor: pointer;
    position: relative;
}
.carousel>.buttons>ul>li>img{
	position: absolute;
}
.carousel>.buttons>ul>.on{
	background: orange;
}